<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>18K金鑽石戒指</title>
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_615392_1utul634v46de7b9.css" />
		<link rel="stylesheet" type="text/css" href="css/Details.css" />

	</head>

	<body>
		<header>
			<div class="header">
				<div class="image">
					<img src="img/ring.png" />
				</div>
				<div class="shadow"></div>
			</div>
		</header>

		<section>
			<div class="textOne">
				<h3>【模板】18K金鑽石戒指</h3>
			</div>
			<div class="textTwo">
				<div class="left">
					<p>飽滿的圓形戒托綴以多顆閃耀的美鑽，環抱著瑰麗耀眼的主石，把鑽石晶瑩剔透的光澤無限地放大，猶如情人以雙手把妳抱在懷中，讓無微不至的呵護一直圍繞著妳。</p>
				</div>
				<div class="center"></div>
				<div class="right">
						<button type="button" name="collect" id="collect" value="collect">
							<i class="iconfont icon-kongwujiaoxing"></i>
							<p>收藏</p>
						</button>
				</div>
			</div>
			<div class="textThree">
				<div class="left">
					<div class="lineOne">
						<span>微信价：</span>
						<span>10000</span>
					</div>
					<div class="lineTwo">
						<span>镶嵌材质</span>
						<select name="material">
							<option value="">18K 铂金镶嵌</option>
							<option value="">18K 粉钻镶嵌</option>
							<option value="">18K 黑钻镶嵌</option>
							<option value="">18K 蓝钻镶嵌</option>
						</select>
					</div>
					<div class="lineThree">
						<div class="lineThreeLeft">
							<p>数量</p>
							<span>（剩余 13621）</span>
						</div>
						<div class="lineThreeRight">
							<div class="plus">
								<p>＋</p>
							</div>
							<div class="One">
								<p>1</p>
							</div>
							<div class="minus">
								<p>－</p>
							</div>
						</div>
					</div>
					<div class="lineFour">
						<p>快递 免运费</p>
					</div>
				</div>
				<div class="right">
					<div class="lineOne">
						<span>销量（</span>
						<span>455</span>
						<span>)件</span>
					</div>
					<div class="lineTwo">
						<p>加入购物车</p>
					</div>
					<div class="lineTwo">
						<p>我要帮购</p>
					</div>
					<div class="lineTwo">
						<p>立即购买</p>
					</div>
				</div>
			</div>
			<div class="grayline"></div>
			
		</section>

		<footer>
			<div class="title">
				<div class="attribute">
					<p>商品属性</p>
				</div>
				<div class="attribute">
					<p>图文详情</p>
				</div>
				<div class="attribute">
					<p>评价<span>（120）</span></p>
				</div>
			</div>
			<div class="text">
				<ul>
					<li>【模板】 18K金钻石婚戒/750金钻石</li>
					<li>【模板】 18K金钻石婚戒/750金钻石</li>
					<li>【模板】 18K金钻石婚戒/750金钻石</li>
					<li>【模板】 18K金钻石婚戒/750金钻石</li>
					<li>【模板】 18K金钻石婚戒/750金钻石</li>
					<li>【模板】 18K金钻石婚戒/750金钻石</li>
					<li>【模板】 18K金钻石婚戒/750金钻石</li>
					<li>【模板】 18K金钻石婚戒/750金钻石</li>
					<li>【模板】 18K金钻石婚戒/750金钻石</li>
					<li>【模板】 18K金钻石婚戒/750金钻石</li>
				</ul>
			</div>
		</footer>

	</body>

</html>